﻿@extends('Admin.layout.blank')
<!--/_menu 作为公共模版分离出去-->
@section('body')
<section class="Hui-article-box">
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 产品管理 <span class="c-gray en">&gt;</span> 轮播图列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="Hui-article">
		<article class="cl pd-20">
			<div class="cl pd-5 bg-1 bk-gray mt-20">  <span class="r">共有数据：<strong>54</strong> 条</span> </div>
			<div class="mt-20">
				@if (session('message'))
					<div class="Huialert Huialert-error">
					  <i class="Hui-iconfont">&#xe6a6;</i>{{ session('message') }}
					</div>
				@endif
				<table class="table table-border table-bordered table-bg table-hover table-sort">
					<thead>
						<tr class="text-c">
							<th width="200">Name</th>
							<th width="300">pic</th>
							<th width="300">关联商品</th>
							<th width="150">更新时间</th>
							<th width="60">发布状态</th>
							<th width="100">操作</th>
						</tr>
					</thead>
					<tbody>
					@foreach($loops as $v)
						<tr class="text-c">
							<td>{{$v->name}}</td>
							<td class="text-l" width="300"><img src="http://oydt3ttm3.bkt.clouddn.com/{{$v->loop_pic}}" alt="" width="300" height="150"></td>
							<td class="text-c"><p>{{ $v->goods->goods_name }}</p><p><img src="http://oydt3ttm3.bkt.clouddn.com/{{$v->goods->goods_pic}}" alt=""  height="100"></p></td>
							<td>{{ $v['updated_at']}}</td>

							@if($v->status == 1)
							<td class="td-status"><span class="label label-success radius">已发布</span></td>
							@else
							<td class="td-status"><span class="label label-defaunt radius">已下架</span></td>
							@endif

							<td class="td-manage">

							@if($v->status == 1)
							@node('AdminLoop_stop')
							<a style="text-decoration:none" onClick="picture_stop(this,{{$v->id}})" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>
							@endnode
							@else
							@node('AdminLoop_start')
							<a style="text-decoration:none" onClick="picture_start(this,{{$v->id}})" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>
							@endnode
							@endif
							@node('AdminLoop_edit')
							<a style="text-decoration:none" class="ml-5" onClick="picture_add('轮播图编辑','{{ route('AdminLoop.edit', ['id' => $v->id])}}','')" href="javascript:;" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a>
							@endnode
							@node('AdminLoop_delete')
							<a style="text-decoration:none" class="ml-5" onClick="picture_del(this,{{$v->id}})" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a>
							@endnode

							</td>
						</tr>
					@endforeach

					</tbody>
				</table>
			</div>
		</article>
	</div>
</section>
@endsection

@section('footer-js')
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{{ asset('AdminPublic/lib/My97DatePicker/4.8/WdatePicker.js')}}"></script>
<!-- <script type="text/javascript" src="{{ asset('AdminPublic/lib/datatables/1.10.0/jquery.dataTables.min.js')}}"></script> -->
<script type="text/javascript" src="{{ asset('AdminPublic/lib/laypage/1.2/laypage.js')}}"></script>
<script type="text/javascript">
$('.table-sort').dataTable({
	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"aoColumnDefs": [
	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
	  {"orderable":false,"aTargets":[0,8]}// 制定列不参与排序
	]
});
/*图片-添加*/
function picture_add(title,url){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*图片-查看*/
function picture_show(title,url,id){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*图片-审核*/
function picture_shenhe(obj,id){
	layer.confirm('审核文章？', {
		btn: ['通过','不通过'],
		shade: false
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="picture_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		layer.msg('已发布', {icon:6,time:1000});
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="picture_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
		$(obj).remove();
    	layer.msg('未通过', {icon:5,time:1000});
	});
}
/*图片-下架*/
function picture_stop(obj,id){
	layer.confirm('确认要下架吗？',function(index){

		$.get("{{ route('AdminLoop.stop') }}", {'id': id}, function(data){

			$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="picture_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
			$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
			$(obj).remove();
			layer.msg('已下架!',{icon: 5,time:1000});

		}, 'json');

	});
}

/*图片-发布*/
function picture_start(obj,id){
	layer.confirm('确认要发布吗？',function(index){

		$.get("{{ route('AdminLoop.start')}}", {'id': id}, function(data){

			$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="picture_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
			$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
			$(obj).remove();
			layer.msg('已发布!',{icon: 6,time:1000});

		}, 'json');

	});
}
/*图片-申请上线*/
function picture_shenqing(obj,id){
	$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
	$(obj).parents("tr").find(".td-manage").html("");
	layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
}
/*图片-编辑*/
function picture_edit(title,url,id){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*图片-删除*/
function picture_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){

		$.get("{{ route('AdminLoop.destroy')}}", {'id':id}, function(msg){

			if(msg.message == '删除成功') {
				(obj).parents("tr").remove();
				layer.msg('已删除!',{icon:1,time:1000});
			} else {
				layer.msg(msg.message,{icon:2,time:1000});
			}

		}, 'json');

	});
}
</script>
<!--/请在上方写此页面业务相关的脚本-->
@endsection
